<template>
	<slot :controller="controller" :store="store" :model="model">
    <AppForm
		ref="editForm"
        v-bind="$attrs"
		:id="controlID"
		:name="model.codeName"
		:class="classNames"
		:data="store.data"
		>
        <AppAnchor v-if="store.anchorData.length > 0" :controlID="controlID" :anchorData="store.anchorData" />
		<a-row class="control-content app-control-form__content">
			<slot  name="Main3Page" :controller="controller" :store="store" :model="model">
				<a-tabs class="app-control-form__page">
					<slot name="formpage1" :controller="controller" :store="store" :model="model">
					    <a-tab-pane 
					        class="app-control-form__page "
					        v-show="store.detailModel.formpage1.visible"
					        key="formpage1">
					        <template #tab>
					            <slot name="formpage1Title" :controller="controller" :store="store" :model="model">
					                <AppIconText text="表单分页"/>
					            </slot>
					        </template>
					        <slot name="formpage1Content" :controller="controller" :store="store" :model="model">
					            <AppFormPage :layoutOpts="{selfLayout: 'TABLE_24COL',}">
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel5.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel5" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel5"
					                                    v-show="store.detailModel.grouppanel5.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUPPANEL5', '基础表单项-分组')"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel5.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel5.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="1"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel5.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.grouppanel6.visible"
					                                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <template #default="{ slotClass, slotStyle }">
					                                            <slot name="grouppanel6" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormGroup 
					                                                    name="grouppanel6"
					                                                    v-show="store.detailModel.grouppanel6.visible"
					                                                    :slotClass="slotClass"
					                                                    :slotStyle="slotStyle"
					                                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUPPANEL6', '表单分组1')"
					                                                    subCaption=""
					                                                    :enableAnchor="false"
					                                                    :showMoreItems="store.detailModel.grouppanel6.showMoreItems"
					                                                    :showMoreMode="store.detailModel.grouppanel6.showMoreMode"
					                                                    :infoGroupMode="false"
					                                                    :titleBarCloseMode="0"
					                                                    :showCaption="true"
					                                                    :uIActionGroup="store.detailModel.grouppanel6.uIActionGroup"
					                                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                                </AppFormGroup>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.grouppanel7.visible"
					                                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <template #default="{ slotClass, slotStyle }">
					                                            <slot name="grouppanel7" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormGroup 
					                                                    name="grouppanel7"
					                                                    v-show="store.detailModel.grouppanel7.visible"
					                                                    :slotClass="slotClass"
					                                                    :slotStyle="slotStyle"
					                                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUPPANEL7', '表单分组2')"
					                                                    subCaption=""
					                                                    :enableAnchor="false"
					                                                    :showMoreItems="store.detailModel.grouppanel7.showMoreItems"
					                                                    :showMoreMode="store.detailModel.grouppanel7.showMoreMode"
					                                                    :infoGroupMode="false"
					                                                    :titleBarCloseMode="0"
					                                                    :showCaption="true"
					                                                    :uIActionGroup="store.detailModel.grouppanel7.uIActionGroup"
					                                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                                </AppFormGroup>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.group1.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="group1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="group1"
					                                    v-show="store.detailModel.group1.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUP1', '基础表单项-实体属性')"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.group1.showMoreItems"
					                                    :showMoreMode="store.detailModel.group1.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="2"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.group1.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.ibizsample0001name.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="ibizsample0001name"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="ibizsample0001name"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    :label="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.FORMITEM.IBIZSAMPLE0001NAME', '实体属性')"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.ibizsample0001name.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="ibizsample0001nameEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppInput
					                                                                v-bind="{ editorType: 'TEXTBOX', }"
					                                                                type="text"
					                                                                style=""
					                                                                name="ibizsample0001name"
					                                                                :isDebounce="false"
					                                                                :disabled="store.detailModel.ibizsample0001name.disabled"
					                                                                :value="store.data.ibizsample0001name"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel2.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel2" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel2"
					                                    v-show="store.detailModel.grouppanel2.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUPPANEL2', '基础表单项-分页')"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel2.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel2.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="2"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel2.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.tabpanel1.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="tabpanel1" :controller="controller" :store="store" :model="model" :slotStyle="slotStyle" :slotClass="slotClass">
					                                                 <a-tabs :class="{ [slotClass ? slotClass : '' ]: true, 'app-control-form__tab-panel': true }" :style="slotStyle">
					                                                    <slot name="tabpage1" :controller="controller" :store="store" :model="model" >
					                                                        <a-tab-pane 
					                                                            forceRender
					                                                            class="app-control-form__tab-page "
					                                                            v-show="store.detailModel.tabpage1.visible"
					                                                            key="tabpage1">
					                                                            <template #tab>
					                                                                <slot name="tabpage1Title" :controller="controller" :store="store" :model="model" >
					                                                                    <AppIconText 
					                                                                        
					                                                                        
					                                                                        :text="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.TABPAGE.TABPAGE1', '分页')"
					                                                                        />
					                                                                </slot>
					                                                            </template>
					                                                            <slot name="tabpage1Content" :controller="controller" :store="store" :model="model" >
					                                                                <AppFormTabPage :layoutOpts="{selfLayout: 'TABLE_24COL',}">
					                                                                </AppFormTabPage>
					                                                            </slot>
					                                                        </a-tab-pane>
					                                                    </slot>
					                                                    <slot name="tabpage2" :controller="controller" :store="store" :model="model" >
					                                                        <a-tab-pane 
					                                                            forceRender
					                                                            class="app-control-form__tab-page "
					                                                            v-show="store.detailModel.tabpage2.visible"
					                                                            key="tabpage2">
					                                                            <template #tab>
					                                                                <slot name="tabpage2Title" :controller="controller" :store="store" :model="model" >
					                                                                    <AppIconText 
					                                                                        
					                                                                        
					                                                                        :text="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.TABPAGE.TABPAGE2', '分页')"
					                                                                        />
					                                                                </slot>
					                                                            </template>
					                                                            <slot name="tabpage2Content" :controller="controller" :store="store" :model="model" >
					                                                                <AppFormTabPage :layoutOpts="{selfLayout: 'TABLE_24COL',}">
					                                                                </AppFormTabPage>
					                                                            </slot>
					                                                        </a-tab-pane>
					                                                    </slot>
					                                                </a-tabs>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel1.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel1"
					                                    v-show="store.detailModel.grouppanel1.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUPPANEL1', '基础表单项-关系界面')"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel1.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel1.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="2"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel1.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.druipart1.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="druipart1" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppFormDruipart 
					                                                name="druipart1"
					                                                :isRelationalData="false"
					                                                style="height: 200px;"
					                                                :paramItem="model.entityCodeName.toLowerCase()"
					                                                :parentName="model.entityCodeName"
					                                                :context="store.context"
					                                                :viewParams="store.viewParams"
					                                                :data="store.data"
					                                                :isLoaded ="store.isLoaded"
					                                                :tempMode="0"
					                                                viewName="IBIZOrderGridView9"
					                                                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                            </AppFormDruipart>
					                                        </slot>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel3.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel3" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel3"
					                                    v-show="store.detailModel.grouppanel3.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUPPANEL3', '基础表单项-表单按钮')"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel3.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel3.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="2"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel3.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.button1.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 2,colSM: 2,colXS: 2,}">
					                                        <slot name="button1" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                            <AppFormButton
					                                            name="button1"
					                                            :disabled="store.detailModel.button1.disabled"
					                                            :showCaption="true"
					                                            :caption="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.BUTTON.BUTTON1', '打开文档')"
					                                            :uIAction="store.detailModel.button1.uIAction"
					                                            @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel4.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel4" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel4"
					                                    v-show="store.detailModel.grouppanel4.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    :title="$t('CONTROL.DEFORM.IBIZSAMPLE0001.MAIN3.GROUPPANEL.GROUPPANEL4', '基础表单项-直接内容')"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel4.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel4.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="2"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel4.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.rawitem1.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <slot name="rawitem1" :controller="controller" :store="store" :model="model">
					                                            <AppFormRaw 
					                                                name="rawitem1"
					                                                contentType="RAW"
					                                                value="直接内容，直接显示部件中填写的信息"
					                                            />
					                                        </slot>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel8.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel8" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel8"
					                                    v-show="store.detailModel.grouppanel8.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
					                                    title="基础表单项-复合表单项"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel8.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel8.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="2"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel8.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.formitemex1.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
					                                        <template v-slot:default="{ slotStyle, slotClass }">
					                                            <slot name="formitemex1"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                                <AppFormItem 
					                                                    name="formitemex1"
					                                                    :slotStyle="slotStyle"
					                                                    :slotClass="slotClass" 
					                                                    label="复合表单项"
					                                                    labelPos="LEFT" 
					                                                    :labelWidth="130" 
					                                                    :showLabel="true"
					                                                    :enableAnchor="false" 
					                                                    :rules="store.detailModel.formitemex1.valueRule"
					                                                    :emptyCaption="false">
					                                                    <div class="form-editor-container">
					                                                        <slot name="formitemex1Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
					                                                            <AppDatePicker
					                                                                v-bind="{ editorType: 'DATEPICKEREX', TIMEFMT: 'YYYY-MM-DD HH:mm:ss' }"
					                                                                format="YYYY-MM-DD HH:mm:ss"
					                                                                dateType="dateTime"
					                                                                name="formitemex1"
					                                                                :disabled="store.detailModel.formitemex1.disabled"
					                                                                :value="store.data.formitemex1"
					                                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
					                                                            />
					                                                        </slot>
					                                                    </div>
					                                                </AppFormItem>
					                                            </slot>
					                                        </template>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					                    <AppCol
					                        noRoot
					                        :visible="store.detailModel.grouppanel9.visible"
					                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colLG: 24,colMD: 24,colSM: 24,colXS: 24,}">
					                        <template #default="{ slotClass, slotStyle }">
					                            <slot name="grouppanel9" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
					                                <AppFormGroup 
					                                    name="grouppanel9"
					                                    v-show="store.detailModel.grouppanel9.visible"
					                                    :slotClass="slotClass"
					                                    :slotStyle="slotStyle"
					                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colLG: 24,colMD: 24,colSM: 24,colXS: 24,}"
					                                    title="基础表单项-直接页面嵌入"
					                                    subCaption=""
					                                    :enableAnchor="false"
					                                    :showMoreItems="store.detailModel.grouppanel9.showMoreItems"
					                                    :showMoreMode="store.detailModel.grouppanel9.showMoreMode"
					                                    :infoGroupMode="false"
					                                    :titleBarCloseMode="2"
					                                    :showCaption="true"
					                                    :uIActionGroup="store.detailModel.grouppanel9.uIActionGroup"
					                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
					                                    <AppCol
					                                        noRoot
					                                        :visible="store.detailModel.iframe1.visible"
					                                        :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 24,colMD: 24,colSM: 24,colXS: 24,}">
					                                        <slot name="iframe1" :controller="controller" :store="store" :model="model" >
					                                            <AppFormIframe
					                                            name="iframe1"
					                                            style="height: 200px;"
					                                            iFrameUrl="https://www.baidu.com"/>
					                                        </slot>
					                                    </AppCol>
					                                </AppFormGroup>
					                            </slot>
					                        </template>
					                    </AppCol>
					            </AppFormPage>
					        </slot>
					    </a-tab-pane>
					</slot>
					<slot name="formpage3" :controller="controller" :store="store" :model="model">
					    <a-tab-pane 
					        class="app-control-form__page "
					        v-show="store.detailModel.formpage3.visible"
					        key="formpage3">
					        <template #tab>
					            <slot name="formpage3Title" :controller="controller" :store="store" :model="model">
					                <AppIconText text="表单分页"/>
					            </slot>
					        </template>
					        <slot name="formpage3Content" :controller="controller" :store="store" :model="model">
					            <AppFormPage :layoutOpts="{selfLayout: 'TABLE_24COL',}">
					            </AppFormPage>
					        </slot>
					    </a-tab-pane>
					</slot>
				</a-tabs>
			</slot>
		</a-row>
    </AppForm>
	</slot>
</template>
<script setup lang="ts">
// 基于template/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{spinalCase ctrl.codeName}}-form-base.vue.hbs生成

import { Ref } from 'vue';
import { AppAnchor } from '@components/common/anchor';
import { AppCol } from '@/components/common/col';
import { AppRow } from '@/components/common/row';
import { AppForm, AppFormPage, AppFormGroup, AppFormTabPage, AppFormItem, AppFormButton, AppFormDruipart, AppFormIframe, AppFormRaw, AppFormMdCtrl, AppFormMdCtrlRepeater } from '@components/widgets/form';
import { IEvent, EditFormActionType, IEditFormAbility, IEditFormStore, IParam } from '@/core';
import { useProps, useBasic, useAction, useController } from './main-3-form-hook';

const editForm: Ref = ref(null);

// 输入参数
const props = defineProps(useProps());

// 基础数据
const { controlID, getClassNames, model ,useNavParamsBind, useEventBind, handleActionClick, handleComponentAction } = useBasic(props);

const emit = defineEmits<{
    (event: 'ctrl-action', name: string, action: EditFormActionType, data: IParam[]): void;
    (event: 'ctrl-init', name: string, data: IEditFormAbility): void;
    (event: 'ctrl-destroy', name: string, data: IParam): void;
}>();

const evt = useEventBind(emit);
//  部件样式名
const classNames = computed(() => {
  return getClassNames(props);
});

//  表单控制器
const controller = useController(props, evt, { controlID, editForm });

useNavParamsBind(controller, props);

const store: IEditFormStore = controller.getStore();

const ctrlService = controller.getCtrlService();

onMounted(() => {
    controller.ctrlMounted();
});
onUnmounted(() => {
    controller.ctrlDestroy();
})
</script>